import axios from 'axios';
import { merge } from 'lodash';
import store from '@/store';
import router from '@/router';
import util from '@/libs/util';
import Setting from '@/setting';
import qs from 'qs';
import { Message, Notice } from 'view-ui-plus';

// 创建一个错误
function errorCreate (msg) {
    Message.destroy()
    const err = new Error(msg);
    errorLog(err);
    throw err;
}

// 记录和显示错误
function errorLog (err) {
    // 添加到日志
    store.dispatch('admin/log/push', {
        message: '数据请求异常',
        type: 'error',
        meta: {
            error: err
        }
    });
    // 打印到控制台
    if (process.env.NODE_ENV === 'development') {
        util.log.error('>>>>>> Error >>>>>>');
        console.log(err);
    }
    // 显示提示，可配置使用 View UI Plus 的 $Message 还是 $Notice 组件来显示
    if (Setting.request.errorModalType === 'Message') {
        if(err.message!='canceled'){
            Message.error({
                content: err.message,
                duration: Setting.request.modalDuration
            });
        }
        
    } else if (Setting.request.errorModalType === 'Notice') {
        Notice.error({
            title: '提示',
            desc: err.message,
            duration: Setting.request.modalDuration
        });
    }
}

// 创建一个 axios 实例
const service = axios.create({
    baseURL: Setting.request.apiBaseURL,
    // timeout: Setting.request.timeout
});

// 请求拦截器
service.interceptors.request.use(
    config => {
        if(config.isUpload === undefined) {
            config.isUpload = false;
        }
        // 公用参数【token】
        config.params = config.params ? config.params : {};
        config.params = JSON.parse(JSON.stringify(config.params));
        
        const token = util.cookies.get('token');
        if(token) {
            config.params['auth_access_token'] = token;
        }
        // 在请求发送之前做一些处理
        if(config.method === 'post' && config.isUpload === false) { // post
            config.data = config.data ? config.data : {};
            config.data = JSON.parse(JSON.stringify(config.data));
            for (let i in config.data) {
                if (Array.isArray(config.data[i])) {
                    if (config.data[i].length === 0) {
                        config.data[i] =null
                    }
                }
            }
            config.data = qs.stringify(config.data);
        }else if(config.method === 'post' && config.isUpload === true){
            const formData = new FormData() 
            for(var item in config.data){
                formData.append(item, config.data[item])
            }
            config.data = formData;
            
        }
        return merge(config, Setting.request.requestConfig(config, util));
    },
    error => {
        // 发送失败
        console.log(error);
        Promise.reject(error);
    }
);

// 响应拦截器
service.interceptors.response.use(
    response => {
        // dataAxios 是 axios 返回数据中的 data
        const dataAxios = response.data;
        // 这个状态码是和后端约定的
        const { code } = dataAxios;
        // 根据 code 进行判断
        if (code === undefined) {
            // 如果没有 code 代表这不是项目后端开发的接口            
            return dataAxios;
        } else {
            // 有 code 代表这是一个后端接口 可以进行进一步的判断
            switch (code) {
                case 200:
                    if(
                        dataAxios.data &&
                        dataAxios.data.code &&
                        dataAxios.data.code !== 200
                    ) {
                        
                        errorCreate(dataAxios.data.message);       
                        break;
                    }
                    return dataAxios.data;
                case 401:
                    // [ 示例 ] 其它和后台约定的 code
                    timer = setTimeout(() => {
                        console.log(111)
                        util.cookies.remove('token');
                        localStorage.clear();
                        router.push('/login');
                        errorCreate(dataAxios.message);
                    }, 1000);
                    break;
                case 403:
                    if(response.config.method.toLocaleLowerCase() === 'get') {
                        router.push('/403');
                    }
                    break;
                case 422:
                    // [ 示例 ] 其它和后台约定的 code
                    errorCreate(dataAxios.message);
                    break;
                // case 0:
                //     // [ 示例 ] code === 0 代表没有错误
                //     return dataAxios.data;
                // case 'xxx':
                //     // [ 示例 ] 其它和后台约定的 code
                //     errorCreate(`[ code: xxx ] ${dataAxios.msg}: ${response.config.url}`);
                //     break;
                default:
                    // 不是正确的 code
                    errorCreate(`${dataAxios.msg}: ${response.config.url}`);
                    break;
                   
                  
            }
        }
    },
    error => {
        if (error && error.response) {
            switch (error.response.status) {
            case 400: error.message = '请求错误'; break;
            case 401: error.message = '未授权，请登录'; break;
            case 403: error.message = '拒绝访问'; break;
            case 404: error.message = `请求地址出错: ${error.response.config.url}`; break;
            case 408: error.message = '请求超时'; break;
            case 500: error.message = '服务器内部错误'; break;
            case 501: error.message = '服务未实现'; break;
            case 502: error.message = '网关错误'; break;
            case 503: error.message = '服务不可用'; break;
            case 504: error.message = '网关超时'; break;
            case 505: error.message = 'HTTP版本不受支持'; break;
            default: break;
            }
        }
        errorLog(error);
        return Promise.reject(error);
    }
);

export default service;
